<!--  -->
<template>
  <div class="box">
    <div class="does">
      <h1>企业公海</h1>
      <div class="inputs">
        <el-input placeholder="请输入内容" class="input-with-select"> </el-input>
        <el-button slot="append" type="primary">搜索</el-button>
        <el-button type="text">高级搜索</el-button>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {}
  },
  created() {},
  methods: {},
  beforeDestroy() {},
}
</script>

<style lang='scss'>
.box {
  width: 100%;
  height: 255px;
  .does {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    h1 {
      height: 56px;
      margin: 60px 0 37px;
      font-size: 40px;
      font-size: 40px;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      color: #ffffff;
      line-height: 56px;
      letter-spacing: 0.06px;
    }
    .inputs {
      width: 58%;
      height: 43px;
      display: flex;

      .el-button--primary {
        height: 40px;
      }
    }
  }
}
</style>
